<header>
  <nav>
    <svg
      width="18"
      height="18"
      viewBox="0 0 23 23"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      class="shrink-0"
    >
      <circle
        opacity="0.2"
        cx="3.4"
        cy="3.25"
        r="2.7"
        fill="currentColor"
      ></circle>
      <circle cx="3.4" cy="11.3" r="2.7" fill="currentColor"></circle>
      <circle
        opacity="0.2"
        cx="3.4"
        cy="19.5"
        r="2.7"
        fill="currentColor"
      ></circle>
      <circle cx="11.5" cy="11.3" r="2.7" fill="currentColor"></circle>
      <circle cx="11.5" cy="19.5" r="2.7" fill="currentColor"></circle>
      <circle
        opacity="0.2"
        cx="11.5"
        cy="3.25"
        r="2.7"
        fill="currentColor"
      ></circle>
      <circle
        opacity="0.2"
        cx="19.5"
        cy="3.25"
        r="2.7"
        fill="currentColor"
      ></circle>
      <circle cx="19.5" cy="11.3" r="2.7" fill="currentColor"></circle>
      <circle
        opacity="0.2"
        cx="19.5"
        cy="19.5"
        r="2.7"
        fill="currentColor"
      ></circle>
    </svg>
    <a href="/"><h1>Tailscale OIDC Identity Provider</h1></a>
  </nav>
</header> 